<%@ page language="java" import="java.util.*" contentType="text/html"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta charset="UTF-8">
  <meta content="IE=11.0000" http-equiv="X-UA-Compatible">
  <meta name="GENERATOR" content="MSHTML 11.00.10586.494"></meta> 
  <title>北京市人民政府外事办公室领事保护教育服务平台——图文展示</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="description" content="Demo of Audio Player: Responsive and Touch-friendly" />
  <meta name="robots" content="all">
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <!-- 新 Bootstrap 核心 CSS 文件 -->
  <link rel="stylesheet" href='<c:url value="/share/bootstrap.css"></c:url>'>
  <link rel="stylesheet" href='<c:url value="/share/AllStyle.css"></c:url>'>
  <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
  <script type="text/javascript" src='<c:url value="/js/jquery.min.js"></c:url>'></script>
  <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
  <script type="text/javascript" src='<c:url value="/js/bootstrap.min.js"></c:url>'></script>
  <script type="text/javascript" src='<c:url value="/js/all.js"></c:url>'></script>
  <script type="text/javascript" src='<c:url value="/js/prefixfree.min.js"></c:url>'></script>
  <script src="<c:url value='/js/serverCommonJs.js'></c:url>"></script>
<script src="<c:url value='/js/rqfCommon/rqfCommon.js'></c:url>"></script>
<style type="text/css">
#touxiang_true {
	margin-right: 10px;
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	margin-top: 3px;
	display: block;
	line-height: 60px;
	color: #787d82;
	text-align: center;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	transition: background-color 0.2s;
}
a#dropdownMenu1{
	padding: 3px 12px;
}

.vertical {
	margin: 0 8px;
	background: #dae1e6;
	display: inline-block;
	width: 1px;
	height: 24px;
	vertical-align: middle;
}

.body {
	width: 100%;
	height: 100%;
}

html,body{
	overflow-y: hidden;
}

.header-tool-news .header-tc-content {
    width: 302px;
    padding: 0 26px;
    line-height: 34px;
    right: -69px;
    text-align: center;
}
.header-tc-content {
	display: none;
    position: absolute;
    border: 1px solid #ccc;
    width: 370px;
    left: -183px;
    top: 40px;
    background-color: #fff;
    text-align: left;
    /* display: none; */
    z-index: 2;
    color: #4b4b4b;
    font-size: 12px;
    height: auto!important;
    min-height: 32px;
    height: 32px;
    box-shadow: 0 2px 5px #d5d5d5;
}

.header-tool-news .header-tc-content .header-tc-ct-bg {
    right: 76px;
}
.header-tc-ct-bg {
    position: absolute;
    top: -15px;
    left: 50%;
    width: 0;
    height: 0;
    border: 7px solid #ccc;
    border-color: transparent transparent #ccc;
    z-index: 5;
}

.header-tc-ct-bg:before {
    content: "";
    position: absolute;
    top: -7px;
    right: -8px;
    width: 0;
    height: 0;
    border: 8px solid #fff;
    border-color: transparent transparent #fff;
    z-index: 3;
}
.news-title {
    line-height: 42px;
    overflow: hidden;
    border-bottom: 1px solid #2459aa;
    margin: 0 18px;
}
.news-list {
    margin: 0;
    padding: 0;
    max-height: 332px;
    overflow-y: auto;
    margin: 0 18px;
    position: relative;
}
.news-bottom {
    line-height: 42px;
    text-align: center;
    border-top: 1px solid #e0e6f1;
    background: #f6f6f6;
    color: rgb(180, 180, 180);
}
.news-title .news-title-ctx {
    color: #2459aa;
    font-size: 14px;
    float: left;
}
.news-bottom .news-more {
    color: #b4b4b4;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
}
.news-item{
	line-height: 60px;
	border-bottom: 1px solid #e0e6f1;
}
.news-item:last-child {
    border-bottom: none;
}
.news-ctx-link{
  color: rgb(124, 124, 125);
  font-size: 14px;
  overflow: hidden;
  width: 300px;
  padding: 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  float: left;
}
.news-ctx{
	position: relative;
    overflow: hidden;
}
.wh_Home_news{
	float: left;
	padding-bottom: 10px;
}

@media screen and (min-width:1189px){
  .Interface_center{
  	width: 1190px !important;
  }
}
#touxiang_true {
    margin-right: 10px;
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	display: block;
	line-height: 60px;
	color: #787d82;
	text-align: center;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.vertical {
	margin: 0 8px;
	background: #dae1e6;
	display: inline-block;
	width: 1px;
	height: 24px;
	vertical-align: middle;
}

.body {
	width: 100%;
	height: 100%;
}

strong
		{
			font-weight: 700;
		}
		#wrapper
		{
			width: 30em; /* 480 */
			height: 8.75em; /* 140 */
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -4.375em 0 0 -15em; /* 70 240 */
		}
		h1
		{
			font-family: 'Advent Pro', sans-serif;
			font-size: 1.688em; /* 27 */
			font-weight: 500;
			text-align: center;
			margin-bottom: 0.741em; /* 20 */
		}
			h1,
			h1 a,
			#copyright,
			#copyright a
			{
				color: #fff;
				text-shadow: 1px 1px 0 rgba( 0, 0, 0, .1 );
			}
			h1 a,
			#copyright a
			{
				-webkit-transition: text-shadow .25s ease;
				-moz-transition: text-shadow .25s ease;
				-ms-transition: text-shadow .25s ease;
				-o-transition: text-shadow .25s ease;
				transition: text-shadow .25s ease;
			}
				h1 a:hover,
				h1 a:focus,
				#copyright a:hover,
				#copyright a:focus
				{
					color: #fff;
					text-shadow: 1px 1px 0 rgba( 0, 0, 0, .3 );
				}
			h1 em
			{
				font-family: Baskerville, serif;
			}

		#copyright
		{
			font-size: 0.875em; /* 14 */
			text-align: center;
			margin-top: 1.429em; /* 20 */
		}
			#copyright a
			{
				font-weight: 700;
			}


		/*
			PLAYER
		*/

		.audioplayer
		{
			height: 2.5em; /* 40 */
			color: #fff;
			text-shadow: 1px 1px 0 #000;
			border: 1px solid #222;
			/* position: relative; */
			position: absolute;
			width: 100%;
		    bottom: 0;
			z-index: 1;
			background: #333;
		}


			/* mini mode (fallback) */

			.audioplayer-mini
			{
				width: 2.5em; /* 40 */
				margin: 0 auto;
			}


			/* player elements: play/pause and volume buttons, played/duration timers, progress bar of loaded/played */

			.audioplayer > div
			{
				position: absolute;
			}


			/* play/pause button */

			.audioplayer-playpause
			{
				width: 2.5em; /* 40 */
				height: 100%;
				text-align: left;
				text-indent: -9999px;
				cursor: pointer;
				z-index: 2;
				top: 0;
				left: 0;
			}
				.audioplayer:not(.audioplayer-mini) .audioplayer-playpause
				{
					border-right: 1px solid #555;
					border-right-color: rgba( 255, 255, 255, .1 );
				}
				.audioplayer-mini .audioplayer-playpause
				{
					width: 100%;
				}
				.audioplayer-playpause:hover,
				.audioplayer-playpause:focus
				{
					background-color: #222;
				}
				.audioplayer-playpause a
				{
					display: block;
				}
				.audioplayer-stopped .audioplayer-playpause a
				{
					width: 0;
					height: 0;
					border: 0.5em solid transparent; /* 8 */
					border-right: none;
					border-left-color: #fff;
					content: '';
					position: absolute;
					top: 50%;
					left: 50%;
					margin: -0.5em 0 0 -0.25em; /* 8 4 */
				}
				.audioplayer-playing .audioplayer-playpause a
				{
					width: 0.75em; /* 12 */
					height: 0.75em; /* 12 */
					position: absolute;
					top: 50%;
					left: 50%;
					margin: -0.375em 0 0 -0.375em; /* 6 */
				}
					.audioplayer-playing .audioplayer-playpause a:before,
					.audioplayer-playing .audioplayer-playpause a:after
					{
						width: 40%;
						height: 100%;
						background-color: #fff;
						content: '';
						position: absolute;
						top: 0;
					}
					.audioplayer-playing .audioplayer-playpause a:before
					{
						left: 0;
					}
					.audioplayer-playing .audioplayer-playpause a:after
					{
						right: 0;
					}


			/* timers */

			.audioplayer-time
			{
				width: 4.375em; /* 70 */
				height: 100%;
				line-height: 2.375em; /* 38 */
				text-align: center;
				z-index: 2;
				top: 0;
			}
				.audioplayer-time-current
				{
					border-left: 1px solid #111;
					border-left-color: rgba( 0, 0, 0, .25 );
					left: 2.5em; /* 40 */
				}
				.audioplayer-time-duration
				{
					border-right: 1px solid #555;
					border-right-color: rgba( 255, 255, 255, .1 );
					right: 2.5em; /* 40 */
				}
					.audioplayer-novolume .audioplayer-time-duration
					{
						border-right: 0;
						right: 0;
					}


			/* progress bar of loaded/played */

			.audioplayer-bar
			{
				height: 0.875em; /* 14 */
				background-color: #222;
				cursor: pointer;
				z-index: 1;
				top: 50%;
				right: 6.875em; /* 110 */
				left: 6.875em; /* 110 */
				margin-top: -0.438em; /* 7 */
			}
				.audioplayer-novolume .audioplayer-bar
				{
					right: 4.375em; /* 70 */
				}
				.audioplayer-bar div
				{
					width: 0;
					height: 100%;
					position: absolute;
					left: 0;
					top: 0;
				}
				.audioplayer-bar-loaded
				{
					background-color: #333;
					z-index: 1;
				}
				.audioplayer-bar-played
				{
					background: #007fd1;
					z-index: 2;
				}


			/* volume button */

			.audioplayer-volume
			{
				width: 2.5em; /* 40 */
				height: 100%;
				border-left: 1px solid #111;
				border-left-color: rgba( 0, 0, 0, .25 );
				text-align: left;
				text-indent: -9999px;
				cursor: pointer;
				z-index: 2;
				top: 0;
				right: 0;
			}
				.audioplayer-volume:hover,
				.audioplayer-volume:focus
				{
					background-color: #222;
				}
				.audioplayer-volume-button
				{
					width: 100%;
					height: 100%;
				}
					.audioplayer-volume-button a
					{
						width: 0.313em; /* 5 */
						height: 0.375em; /* 6 */
						background-color: #fff;
						display: block;
						position: relative;
						z-index: 1;
						top: 40%;
						left: 35%;
					}
						.audioplayer-volume-button a:before,
						.audioplayer-volume-button a:after
						{
							content: '';
							position: absolute;
						}
						.audioplayer-volume-button a:before
						{
							width: 0;
							height: 0;
							border: 0.5em solid transparent; /* 8 */
							border-left: none;
							border-right-color: #fff;
							z-index: 2;
							top: 50%;
							right: -0.25em;
							margin-top: -0.5em; /* 8 */
						}
						.audioplayer:not(.audioplayer-muted) .audioplayer-volume-button a:after
						{
							/* "volume" icon by Nicolas Gallagher, http://nicolasgallagher.com/pure-css-gui-icons */
							width: 0.313em; /* 5 */
							height: 0.313em; /* 5 */
							border: 0.25em double #fff; /* 4 */
							border-width: 0.25em 0.25em 0 0; /* 4 */
							left: 0.563em; /* 9 */
							top: -0.063em; /* 1 */
							-webkit-border-radius: 0 0.938em 0 0; /* 15 */
							-moz-border-radius: 0 0.938em 0 0; /* 15 */
							border-radius: 0 0.938em 0 0; /* 15 */
							-webkit-transform: rotate( 45deg );
							-moz-transform: rotate( 45deg );
							-ms-transform: rotate( 45deg );
							-o-transform: rotate( 45deg );
							transform: rotate( 45deg );
						}


				/* volume dropdown */

				.audioplayer-volume-adjust
				{
					height: 6.25em; /* 100 */
					cursor: default;
					position: absolute;
					left: 0;
					right: -1px;
					top: -9999px;
					background: #333;
				}
					.audioplayer-volume:not(:hover) .audioplayer-volume-adjust
					{
						opacity: 0;
					}
					.audioplayer-volume:hover .audioplayer-volume-adjust
					{
						top: auto;
						bottom: 100%;
					}
					.audioplayer-volume-adjust > div
					{
						width: 40%;
						height: 80%;
						background-color: #222;
						cursor: pointer;
						position: relative;
						z-index: 1;
						margin: 30% auto 0;
					}
						.audioplayer-volume-adjust div div
						{
							width: 100%;
							height: 100%;
							position: absolute;
							bottom: 0;
							left: 0;
							background: #007fd1;
						}
				.audioplayer-novolume .audioplayer-volume
				{
					display: none;
				}


			/* CSS3 decorations */

			body
			{
				//-webkit-box-shadow: inset 0 0 18.75em rgba( 0, 0, 0, .5 ); /* 300 */
				//-moz-box-shadow: inset 0 0 18.75em rgba( 0, 0, 0, 5 ); /* 300 */
				//box-shadow: inset 0 0 18.75em rgba( 0, 0, 0, .5 ); /* 300 */
				background: #fff;
			}
			.audioplayer
			{
				-webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */
				-moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */
				box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */
			}
			.audioplayer-volume-adjust
			{
				-webkit-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
				-moz-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
				box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
			}
			.audioplayer-bar,
			.audioplayer-volume-adjust > div
			{
				-webkit-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
				-moz-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
				box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
			}
			.audioplayer-volume-adjust div div,
			.audioplayer-bar-played
			{
				-webkit-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
				-moz-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
				box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
			}
			.audioplayer-playpause,
			.audioplayer-volume a
			{
				-webkit-filter: drop-shadow( 1px 1px 0 #000 );
				-moz-filter: drop-shadow( 1px 1px 0 #000 );
				-ms-filter: drop-shadow( 1px 1px 0 #000 );
				-o-filter: drop-shadow( 1px 1px 0 #000 );
				filter: drop-shadow( 1px 1px 0 #000 );
			}
			.audioplayer,
			.audioplayer-volume-adjust
			{
				background: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #222 ) );
				background: -webkit-linear-gradient( top, #444, #222 );
				background: -moz-linear-gradient( top, #444, #222 );
				background: -ms-radial-gradient( top, #444, #222 );
				background: -o-linear-gradient( top, #444, #222 );
				background: linear-gradient( to bottom, #444, #222 );
			}
			.audioplayer-bar-played
			{
				background: -webkit-gradient( linear, left top, right top, from( #007fd1 ), to( #c600ff ) );
				background: -webkit-linear-gradient( left, #007fd1, #c600ff );
				background: -moz-linear-gradient( left, #007fd1, #c600ff );
				background: -ms-radial-gradient( left, #007fd1, #c600ff );
				background: -o-linear-gradient( left, #007fd1, #c600ff );
				background: linear-gradient( to right, #007fd1, #c600ff );
			}
			.audioplayer-volume-adjust div div
			{
				background: -webkit-gradient( linear, left bottom, left top, from( #007fd1 ), to( #c600ff ) );
				background: -webkit-linear-gradient( bottom, #007fd1, #c600ff );
				background: -moz-linear-gradient( bottom, #007fd1, #c600ff );
				background: -ms-radial-gradient( bottom, #007fd1, #c600ff );
				background: -o-linear-gradient( bottom, #007fd1, #c600ff );
				background: linear-gradient( to top, #007fd1, #c600ff );
			}
			.audioplayer-bar,
			.audioplayer-bar div,
			.audioplayer-volume-adjust div
			{
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
			}
			.audioplayer
			{
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;
			}
			.audioplayer-volume-adjust
			{
				-webkit-border-top-left-radius: 2px;
				-webkit-border-top-right-radius: 2px;
				-moz-border-radius-topleft: 2px;
				-moz-border-radius-topright: 2px;
				border-top-left-radius: 2px;
				border-top-right-radius: 2px;
			}
			.audioplayer *,
			.audioplayer *:before,
			.audioplayer *:after
			{
				-webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
				-moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
				-ms-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
				-o-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
				transition: color .25s ease, background-color .25s ease, opacity .5s ease;
			}


		/* responsiveness */

		@media only screen and ( max-width: 32.5em ) /* 520 */
		{
			body
			{
				-webkit-box-shadow: inset 0 0 9.375em rgba( 0, 0, 0, .5 ); /* 150 */
				-moz-box-shadow: inset 0 0 9.375em rgba( 0, 0, 0, 5 ); /* 150 */
				box-shadow: inset 0 0 9.375em rgba( 0, 0, 0, .5 ); /* 150 */
			}
			#wrapper
			{
				width: 100%;
				height: auto;
				position: static;
				padding: 1.25em; /* 20 */
				margin: 0;
			}
		}
		.video_content_right_right>div{
			height: 50%;
		}
		
#IsTrueInfo{
	width: 150px;
	text-align: center;
	//background: #fff;
	color: #295c96;
	line-height: 65px;
	border-radius: 2px;
	border: 4px solid rgba(0,0,0,.2);
	-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,1);
    box-shadow: 1px 1px 10px rgba(0,0,0,1);
}
#home_video_audio_test{
	float: left;
}

.video_content_right_right>div{
	height: 50%;
}

html, body {
	background: #fff;
	box-shadow: inset 0 0 18.75em rgb(255, 255, 255);
}

center {
	background: url(/eduPlatform/share/images/audioBg.png) 0 0 no-repeat;
	background-size: 100% 100%;
}

.des {
	float: left;
}

.finishButton a {
	margin-bottom: 5px;
}

div .finishButton {
	box-shadow: none;
	background: #fff;
}

.video_content_right_right_content_1, .video_content_right_right_content_2 {
    border: 1px solid #E5EBEF;
}

.zh5 {
    margin-left: 70px;
}

.r {
    width: 360px;
}

.add_backgroound_color{
	background: #eee;
}
</style>
</head>
<body>
  <div class="home_header" style="border-bottom: 1px solid #E5EBEF;">
		<div class="Interface_center row" style="width: auto;">
			<div class="col-xs-6" style="height: 42px;position: relative;overflow: hidden;">
				<div class="home_header_left">
					<span><img
						src="<c:url value='/share/images/book.png'></c:url>">北京市人民政府外事办公室领事保护教育服务平台</span>
				</div>
			</div>
			<div class="col-xs-6" style="height: 42px;">
				<div class="home_header_right"
					style="position: relative;height: 42px;">
					<c:if test="${not empty  userName}">
						<div class="wh_Home_news">
							<div class="header-tc-content">
			                    <span class="header-tc-ct-bg"></span>
			                    <div class="news-header">
			                    	<div class="news-title clr">
			                    		<span class="news-title-ctx">消息</span>
			                    	</div>
			                    	<ul class="news-list" id="news-list">
			                    	</ul>
			                    	<div class="news-bottom clearfix">
			                    		<a class="news-more" href="javascript:;" onclick="naviClick(6)">查看所有消息>></a>
			                    	</div>
			                    </div>
			                </div>
							<a id="remindId" href="javascript:;"
								style="display: block; width: 18px;text-align: center; top: 5px; left: 20px; background: #e93a44; position: absolute; margin: 0; border: 0; border-radius: 100%; color: #fff; padding: 0px 4px; font-size: 12px;"></a>
							<img src="<c:url value='/share/images/black1.png'></c:url>"
								id="touxiang_lingdang"
								style="width: 18.85px; height: 24px; margin-top: 7px; cursor: pointer;">
							<span class="vertical" style="margin: 0 20px; margin-top: 10px;"></span>
						</div>
						<div class="home_login_true_2" style="float: right; margin-top: 3px;">
							<c:if test="${empty url}">
							<img src="<c:url value='/share/images/head.jpg'/>" id="touxiang_true"/>
							</c:if>
							<c:if test="${not empty url}">
							<img src="${fileServer}${url}" id="touxiang_true"/>
							</c:if>
							<div class="home_login_true_2" style="float: right;">
								<div class="dropdown">
									<a class="btn btn-default dropdown-toggle" id="dropdownMenu1"
										style="color: #295c96;border: none; font-size: 16px; margin-top: 6px;">
										${userName} <span class="caret" style="margin-left: 10px;"></span>
									</a>
									<ul class="dropdown-menu">
										<li><a href="<c:url value='/login/perfectInfo'></c:url>"
											id="login_perfect">个人资料</a></li>
										<li><a href="<c:url value='/login/logout'></c:url>"
											id="login_remove">退出</a></li>
									</ul>
								</div>
							</div>
					</c:if>
					<c:if test="${empty  userName}">
						<a href="<c:url value='/login'></c:url>">登录</a>
						<a href="<c:url value='/login/register'></c:url>">注册</a>
					</c:if>
				</div>
			</div>
		</div>
	</div>
	<center style="overflow: hidden; margin: 0 auto;">
  <div class="video_content" style="width: 1190px; margin: 0 auto; position: relative; overflow: hidden;background: #fff;">
	  <div id="home_video_audio_test" style="border: 1px solid #E5EBEF;position: relative;overflow: hidden;float: left;overflow-y: auto;text-align: center;padding: 42px;">
      </div>
      <div class="video_content_right">
        <a class="glyphicon back_right" style="height: 100%; top: 0; line-height: 0;cursor:pointer;background: #DCDAD0;">
        	<%-- <img src='<c:url value="/share/images/Arrow.png"></c:url>' id="block_video"></img> --%>
        </a>
        <div class="video_content_right_right">
          <div class="video_content_right_right_content_1">
          <div class="video_content_right_right_title1">
            <!-- <div class="col-xs-6 video_content_right_right_title1_a"><a href="javascript:;">课程简介</a></div> -->
            <div class="col-xs-12 video_content_right_right_title1_a"><a href="javascript:;">目录</a></div>
          </div>
          <div class="video_content_right_right_content_1_content" style="background: #fff;">

            <!-- <div id="myCarousel" class="carousel slide" style="padding: 5px;">
            </div>  -->

            <div class="carousel slide dir_Style" style="display: block;padding: 0;">
                <ul id="dir_tree" style="text-align: left;">
                </ul>
            </div> 
          </div>
          </div>
          <div class="video_content_right_right_content_2">
          <div class="video_content_right_right_title1">
            <div class="col-xs-6 video_content_right_right_title1_a">
              <a href="javascript:;">笔记</a>
              <!-- <a class="glyphicon glyphicon-plus create_plus" style=""><font style="top: 8px;position: relative;">创建</font></a> -->
            </div>
            <div class="col-xs-6"><a href="javascript:;">反馈</a></div>
          </div>
          <div class="video_content_right_right_content_2" style="background: #fff;">
            <div class="video_content_right_right_content_2_copys">
              <div class="main" style="position: relative;"> 
              	<p style="position: absolute;top: 85px;left: 60px;text-align: center;line-height: 15px;">
              		请登录<br/>登陆后即可查看大纲
              	</p>
                <div class="content" style="padding: 2px;">
                	<p id="contentText" contenteditable="true" style="text-align: left;margin: 0;"></p>
                </div>
                <div class="sidebar">
                  <div class="exitMenu">
                    <div class="finishButton" style="width: 356px;">
                      <a href="javascript:void(0);" id="publish" class="col-xs-6" style="background: #8ac0ff;">保存</a>
                      <a href="javascript:void(0);" id="delete" class="col-xs-6" style="background: #aeaeae;">清空笔记</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="video_content_right_right_content_2_copys video_content_right_right_content_2_copys_r" style="padding: 10px;">
	            	<p style="position: absolute;top: 85px;left: 60px;text-align: center;line-height: 15px;">
	              		请登录<br/>登陆后即可查看大纲
	              	</p>
              		<div class="r" style="border-radius: 5px 5px 0 0;">
              			<h4 style="margin: 0 auto;font-size: 14px;text-align: center;padding: 10px 0;color: #295C96;font-weight: 600;">总体评分</h4>
		                      <div class="zh5">
		                            <ul id="zh5ul_3" class="zh5ul_3">
		                                <li val="1" class=""></li>
		                                <li val="2" class=""></li>
		                                <li val="3" class=""></li>
		                                <li val="4" class=""></li>
		                                <li val="5" class=""></li>
		                            </ul>
		                            <div id="zh5_red_3" data_star=""></div>
		                        </div>
		                      <span class="des">可接受度</span>
	                     </div>
	                     <div class="r" style="margin-bottom: 10px;border-radius: 0 0 5px 5px;">
		                      <div class="zh5">
		                            <ul id="zh5ul_4" class="zh5ul_4">
		                                <li val="1" class=""></li>
		                                <li val="2" class=""></li>
		                                <li val="3" class=""></li>
		                                <li val="4" class=""></li>
		                                <li val="5" class=""></li>
		                            </ul>
		                            <div id="zh5_red_4" data_star=""></div>
		                        </div>
		                      <span class="des">课程内容质量</span>
	                     </div>
              		<div class="r" style="position: relative; overflow: hidden;border-radius: 5px 5px 0 0;">
              		   <h4 style="margin: 0 auto;font-size: 14px;text-align: center;padding: 10px 0;color: #295C96;font-weight: 600;">个人评分</h4>
                       <div class="zh5">
                             <ul id="zh5ul" class="zh5ul">
                                 <li val="1" class=""></li>
                                 <li val="2" class=""></li>
                                 <li val="3" class=""></li>
                                 <li val="4" class=""></li>
                                 <li val="5" class=""></li>
                             </ul>
                             <div id="zh5_red" data_star=""></div>
                         </div>
                       <span class="des">可接受度</span>
                     </div>
                     <div class="r" style="border-radius: 0 0 5px 5px;">
                      <div class="zh5">
                            <ul id="zh5ul_2" class="zh5ul_2">
                                <li val="1" class=""></li>
                                <li val="2" class=""></li>
                                <li val="3" class=""></li>
                                <li val="4" class=""></li>
                                <li val="5" class=""></li>
                            </ul>
                            <div id="zh5_red_2" data_star=""></div>
                        </div>
                      <span class="des">课程内容质量</span>
                      <div style="width: 74px;margin: 0 auto;padding: 10px 0;">
	                      <button type="button" class="btn btn-success" id="btn_score" style="padding: 4px 12px;font-size: 12px;margin-top: 10px;">提交评分</button>
                      </div>
                    </div>
            	</div>
          	</div>
        </div>
        </div>
      </div>
  </div>
  </center>
  </div>
  
  <div id="IsTrueInfo" style="display: none;position: absolute;z-index: 9999;left: 50%;top:50%;">
  	<div style="background: #fff;">保存成功!</div>
  </div>
  
  <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	  <div class="modal-dialog">
	    <div class="modal-content" style="padding: 0 25px;">
	      <div class="modal-header" style="padding: 15px 0;border-bottom: 1px solid #1e519f;">
	        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
	        <h4 class="modal-title" id="myModalLabel" style="font-size: 16px;"></h4>
	      </div>
	      <div class="modal-body" style="color: #000;">
	      </div>
	      <div class="modal-body-details" style="position: relative;padding: 15px;border: 1px solid #e3e3e3;color: #000;">
	      </div>
	      <div class="modal-footer" style="border-top: 0;text-align: center;">
	        <button type="button" class="btn btn-primary" data-dismiss="modal" style="padding: 9px 35px;">确定</button>
	      </div>
	    </div>
	  </div>
	</div>

    <script type="text/javascript">
    $(document).ready(function(){
        $("#dropdownMenu1").mouseover(function(){
        	$(".dropdown-menu").show();
        });
        $(".dropdown-menu").mouseover(function(){
        	 $(".dropdown-menu").show(); 
         }).mouseout(function(){
        	console.log(3)
            $(".dropdown-menu").hide();
         }); 
      })
    var userName = '${userName}';//获取用户值
    //判断用户是否登录
    if(userName == ""){
    	$(".video_content_right_right_content_2_copys>.main>*").hide();
    	$(".video_content_right_right_content_2_copys>.main>p").show();
    	$(".video_content_right_right_content_2_copys_r>*").hide();
    	$(".video_content_right_right_content_2_copys_r>p").show();
    }
    
    var NewsListHtml;
	var ContentHtml = "";
	var MsgTitle = "";
	var MsgDetailsHtml = "";
	$("#news-list").on("click","li>div>a",function(){
		var id = $(this).data('id');
		init_count();
		$(".modal-body").html(MsgDetailsHtml);
		$(".modal-body-details").html(ContentHtml);
		$("#myModalLabel").html(MsgTitle);
		init_msg(1);
	})
    
	var uuid = '${uuid}';
	var fileServer = '${fileServer}';
    init_msg();
	//获取消息推送信息
	function init_msg(type){
			var url = "<c:url value='/msg/list'></c:url>";
			$.ajax({
				url: url,
				type: 'POST',
				dataType: 'html',
				data:{
					"pageSize": 4,
					"uuid": uuid,
					"notRead": true
				},
				success:function(data){
					var obj = gridDataFormat(data);
					console.log(obj);
					var html = "";
					var AlertHtml = "";
					if(obj.count == 0){
						html += '<li class="news-item clr">'+
					            	'<div class="news-ctx clr" style="text-align: center;">'+
				        				'目前没有新消息'+
				        			'</div>'+
				        		'</li>';
					}
					for(var i in obj.data){
						ContentHtml = obj.data[i].msgCon == null?"无":obj.data[i].msgCon;
						MsgTitle = obj.data[i].msgName == null?"无":obj.data[i].msgName;
						pushTime = obj.data[i].pushTime == null?"无":obj.data[i].pushTime;
						creater = obj.data[i].creater == null?"无":obj.data[i].creater;
						createTime = obj.data[i].createTime == null?"无":obj.data[i].createTime;
						createTime = createTime.substring(0,10) +"&nbsp;"+ createTime.substring(11,16);
						pushReason = obj.data[i].pushReason == null?"无":obj.data[i].pushReason;
					    MsgDetailsHtml = '<div style="width: 195px; float: left;">'+
						       			 	'接收人：'+ MsgTitle +''+
							      		 '</div>'+
							      		 '<div>'+
							      		 	 '推送时间：'+ pushTime +''+
							      		 '</div>'+
							      		 '<div style="width: 195px; float: left;">'+
							      			 '编制人：'+ creater +''+
							      		 '</div>'+
							      		 '<div>'+
							      			 '编制时间：'+ createTime +''+
							      		 '</div>'+
							      		 '<div>'+
							      			 '推送原因： '+ pushReason +''+
							      		 '</div>';
							      		AlertHtml = obj.data[i].type == "自定义"?'data-toggle="modal" data-target="#myModal" href="javascript:;"':'target="_blank" href="<c:url value="/surveyAnalyze/answerMv/'+ obj.data[i].relatedId +'"></c:url>"';
						html += '<li class="news-item clr" onclick="state_change('+ obj.data[i].id +')">'+
				            		'<div class="news-ctx clr">'+
				        				'<a class="news-ctx-link  blank_to" '+ AlertHtml +' href="javascript:;" data-url="/eduPlatform/msg/'+ obj.data[i].id +'" data-state="'+ obj.data[i].state +'" title="'+ obj.data[i].type +'—'+ obj.data[i].msgName +'">'+ obj.data[i].type +'—'+ obj.data[i].msgName +'</a>'+
				        				'<div class="news-type news-app11" style="width: 8px;height: 8px;border-radius: 50%;background: #eb3f3f;float: left;margin-top: 25px;margin-left: 15px;"></div>'+
				        			'</div>'+
				        		'</li>';
					}
					$("#news-list").html(html);
					$(".modal-body").html(MsgDetailsHtml);
					$(".modal-body-details").html(ContentHtml);
					$("#myModalLabel").html(MsgTitle);
					if(type != 1){
						$(".modal-body").html(MsgDetailsHtml);
						$(".modal-body-details").html(ContentHtml);
						$("#myModalLabel").html(MsgTitle);
					}
				},
				error:function(){
					//console.log();
				}
			});
		}
	
	//改变状态
	function state_change(id){
		var url = "<c:url value='/msg/read'></c:url>";
		$.ajax({
			url: url,
			type: 'POST',
			dataType: 'html',
			data:{
				"ids":id
			},
			success:function(data){
				if(data < 1){
					alert("阅读失败");
					location.reload();
				}
			},
			error:function(){
				//console.log();
			}
		});
	}
	
	init_count();
	//获取未读数
	function init_count(){
		var url = "<c:url value='/msg/count'></c:url>";
		$.ajax({
			url: url,
			type: 'POST',
			dataType: 'JSON',
			data:{
				"uuid": uuid,
				"notRead": true
			},
			success:function(data){
				if(data < 1){
					data = "";
				}else if(data > 9){
					data = "...";
				}
				$("#remindId").html(data);
			},
			error:function(){
				//console.log();
			}
		});
	}
    
  	//消息信息
    $(".wh_Home_news").hover(function(){
		$(".header-tc-content").show();
	},function(){
		$(".header-tc-content").hide();
	});
    
  
//视频高度、宽度获取设置
  $("#home_video_audio_test").css({
	  width: $(".video_content").width() - 382+"px",
	  height: 590+"px"
  });
  $(".video_content_right_right_content_1_content").css({
	  width: 356+"px",
	  height: 32+"px"
  });
  $("#home_video_audio_test").css({
	  width: $(".video_content").width() - 382+"px",
	  height: 590+"px"
  });

  //展开收缩高度、宽度获取设置
  $(".back_right").css({
    height: 590+"px"
  })

  //右侧栏	
  $(".video_content_right_right").css({
    // width: $(window).width() - $("#example_video_1").width() - $(".back_right").width(),
    width: 360+"px",
    height: 590+"px"
  });
  
  var RihgtVideo = $(".video_content_right_right_content_2").height() - $(".video_content_right_right_title1").height();
  $("#contentText").css("height",215+"px");
  $(".video_content_right_right_content_1_content").css("height",RihgtVideo);
  $("#music_gif").css({
	  width: 360+"px",
	  height: $(".video_content_right_right_content_1_content").height() - 32+"px"
  });
  $("body").css({
		height: $(window).height()
	})
  
  $("center").css({
	 height: $("body").height() - 42+"px"
  });
  $(".video_content").css({
	 top: ($(window).height() - $(".video_content").height() - 42)/2
  });
  
  //课件目录切换
  $(".video_content_right_right_content_1>.video_content_right_right_title1>div").click(function(){
    var index = $(this).index();
    $(".video_content_right_right_content_1>.video_content_right_right_title1>div").removeClass("video_content_right_right_title1_a");
    $(this).addClass("video_content_right_right_title1_a");
    $(".video_content_right_right_content_1 .video_content_right_right_content_1_content>div").hide();
    $(".video_content_right_right_content_1 .video_content_right_right_content_1_content>div:eq("+ index +")").show();
  });

  //笔记提问切换
  $(".video_content_right_right_content_2>.video_content_right_right_title1>div").click(function(){
    var index = $(this).index();
    $(".video_content_right_right_content_2>.video_content_right_right_title1>div").removeClass("video_content_right_right_title1_a");
    $(this).addClass("video_content_right_right_title1_a");
    $(".video_content_right_right_content_2>.video_content_right_right_content_2_copys").hide();
    $(".video_content_right_right_content_2>.video_content_right_right_content_2_copys:eq("+ index +")").show();
  });

  //可接受度星级评定
  $("#zh5ul li").each(function(index, element) {
          var _this = $(this);
          var nowStar = _this.attr("val");
          _this.hover(function() {
              $("#zh5_red").attr("class", "cur" + nowStar);
          });

          _this.on("click", function() {
              $("#zh5_red").attr("data_star", nowStar);
              _this.parent().parent().next().removeClass("error");
          })
      });

      $("#zh5ul").on("mouseout", function() {
          if ($("#zh5_red").attr("data_star")) {
              $("#zh5_red").attr("class", "cur" + $("#zh5_red").attr("data_star"));
          } else {
              $("#zh5_red").removeClass();
          }
      });

      //课程内容质量星级评定
      $("#zh5ul_2 li").each(function(index, element) {
          var _this = $(this);
          var nowStar = _this.attr("val");
          _this.hover(function() {
              $("#zh5_red_2").attr("class", "cur" + nowStar);
          });

          _this.on("click", function() {
              $("#zh5_red_2").attr("data_star", nowStar);
              _this.parent().parent().next().removeClass("error");
          })
      });

      $("#zh5ul_2").on("mouseout", function() {
          if ($("#zh5_red_2").attr("data_star")) {
              $("#zh5_red_2").attr("class", "cur" + $("#zh5_red_2").attr("data_star"));
          } else {
              $("#zh5_red_2").removeClass();
          }
      });
     
     var video_str = window.location.href;  //接收地址
      var temp = "";
      var course_id;//接收本课程的ID
   	var score_id = video_str.substring(video_str.lastIndexOf("/"));
    var img_text_ID = ${id};
   	video_str = video_str.substring(video_str.lastIndexOf("/") - 1);
   	temp = video_str.split('').reverse().join('');//后面两个目录地址反转
   	temp = temp.substring(temp.lastIndexOf("/"));//再次进行截取
   	course_GetNotes(temp,score_id);//获取笔记
   	$("#publish").click(function(){
   		var publish_html = $("#contentText").html();
   		course_SetNotes(temp,score_id,publish_html);
   	});
   	
   	dir_tree(img_text_ID);//目录树
     //目录树
     function dir_tree(id){
    	 var dir_tree_URL = "<c:url value='/study/course/catalog/"+ id +"'></c:url>";
    	 var isX = false;
    	 $.ajax({
    		url: dir_tree_URL,
    		type: "POST",
    		dataType: "JSON",
    		data:{},
    		success:function(data){
    			console.log(data);
    			var html = "";
    			var video = "";
    			var video_url = fileServer;
    			var courseId_out_init = temp.substr(1);
    			if(!data || data.length<=0){
    				$('#home_video_audio_test').html("<center style='position: relative;top: 50%;'>没有可以查看的图文！</center>");
    				return;
    			}
    			course_id = data[0].courseId?data[0].courseId:0;
    			$("#dir_tree").html("");//初始化清空
    			if(userName){
    				for(var i in data){
    					if(data[i].endTime==null){
    	    				html += '<li>'+
    	    						'<a href="javascript:;" data-rid="'+data[i].rid +'" data-id=0 data-cid='+ data[i].cid +' data-courseid='+ data[i].courseId +' data-cid='+ data[i].cid +'>'+ data[i].catalogName +
    	    						'<font color="green" style="padding-left: 36px;">未学习</font>'+'</a>'+
    	    						'</a>'+
    	    					'</li>';
    					}else{
    						html += '<li>'+
    						'<a href="javascript:;" data-rid="'+data[i].rid +'" data-id=0 data-cid='+ data[i].cid +' data-courseid='+ data[i].courseId +' data-cid='+ data[i].cid +'>'+ data[i].catalogName +
    						'<font color="green" style="padding-left: 36px;">已学习</font>'+'</a>'+
    						'</a>'+
    					'</li>';
    					}
        			}
    			}else{
    				for(var i in data){
    	    			html += '<li>'+
    	    						'<a href="javascript:;" data-rid="'+data[i].rid +'" data-id=0 data-cid='+ data[i].cid +' data-courseid='+ data[i].courseId +' data-cid='+ data[i].cid +' data-endTime='+ data[i].endTime +'>'+ data[i].catalogName +'</a>'+
    	    					'</li>';
        			}
    			}
   				$("#home_video_audio_test").html(data[0].content);
   				getCon(data[0].rid, data[0].courseId, data[0].cid, 0);
    			$("#dir_tree").append(html); 
    			$("#dir_tree li:eq('"+ 0 +"')").addClass("add_backgroound_color");
    			course_content(course_id);//插入内容简介
    			score_total(course_id,isX);//获取总体评分
    			
    			//评分
    			var score_val1 = "";
    			var score_val2 = "";
    		    $("#zh5ul li").click(function(){
    		    	 score_val1 = $(this).attr("val");
    		     });
    		     
    		     $("#zh5ul_2 li").click(function(){
    		    	 score_val2 = $(this).attr("val");
    		     });
    		     
    		     $("#btn_score").click(function(){
	    		     if(score_val1 != "" && score_val2 != ""){
	    		    	 score(score_val1,score_val2,course_id);
	    		     }
    		     })
    		     
    			$("#dir_tree").on("click","li",function(){
    				var rid = $(this).children("a").data('rid');
    				var courseId =  $(this).children("a").data('courseid');
    				var fileId = $(this).children("a").data("id");
    				var cid = $(this).children("a").data("cid");
    				$("#dir_tree li").removeClass("add_backgroound_color");
    				$(this).addClass("add_backgroound_color");
    				$("#home_video_audio_test").animate({'scrollTop':0},300);
    				//获取对应章节内容
    				getCon(rid,courseId,cid,fileId);
    				//目录树章节数据获取
	    			DirTree_GetMsg(id,cid,fileId);
	    				 
    			});
    		},
			complete : function(XMLHttpRequest, textStatus) {
  				//console.log(XMLHttpRequest,textStatus);
  			},
    		error:function(error){
    			console.log(error);
    		}
    		
    	 });
     }
   	//获取对应章节的内容
   	function getCon(id,courseId,listId,fileId){
   		var url =  "<c:url value='/study/course/getCon/"+id+"'></c:url>"
   		$.ajax({
   			url:url,
   			dataType:"json",
   			type:"get",
   			success:function(data){
   				if(data){
   					$("#home_video_audio_test").html(data.content);
   					if(userName){
	   					var ch = document.getElementById("home_video_audio_test").clientHeight;
	   					var sh = document.getElementById("home_video_audio_test").scrollHeight;
	   					if(sh<ch){
	   						video_outTime_End(courseId,listId,fileId);
	   					}else{
	   						var nScrollHight = 0; //滚动距离总长(注意不是滚动条的长度)
			    	         var nScrollTop = 0;   //滚动到的当前位置
			    	         var nDivHight = $("#home_video_audio_test").outerHeight();
				    	      $("#home_video_audio_test").scroll(function(){
				    	           nScrollHight = $(this)[0].scrollHeight;
				    	           nScrollTop = $(this)[0].scrollTop;
				    	           if(nScrollTop + nDivHight >= nScrollHight){
				    	        	   video_outTime_End(courseId,listId,fileId);
				    	           }
				    	       });
				    	      if($("#home_video_audio_test").scrollTop() == 0){
				    	    	  video_outTime_End(courseId,listId,fileId);
			    	    	  }
	   					}
   					}
   				}
   			}
   		});
   	}
   	 //目录树章节数据获取
   	 function DirTree_GetMsg(courseId,listId,fileId){
   		var content_Notes = "<c:url value='/study/course/studyProcess'></c:url>";
	   	 $.ajax({
	   		url: content_Notes,
	   		type:"POST",
	   		dataType:"JSON",
	   		data:{
	   			courseId: courseId,
	   			listId: listId,
	   			fileId: fileId, 
	   		},
	   		success:function(data){
	   			console.log(data);
	   		},
				complete : function(XMLHttpRequest, textStatus) {
	 				//console.log(XMLHttpRequest,textStatus);
	 			},
	   		error:function(error){
	   			console.log(error);
	   		}
	   	 });
   	 }
     //获取本课程的内容简介
     function course_content(course_id){
    	 var content_URL = "<c:url value='/study/course/list'></c:url>";
    	 $.ajax({
    		url: content_URL,
    		type:"POST",
    		dataType:"html",
    		data:{},
    		success:function(text){
    			var obj = gridDataFormat(text);
    			for(var i in obj.data){
	    			if(obj.data[i].id == course_id){
	    				var class_con = obj.data[i].class_con;
	    				$("#myCarousel").html(class_con);
	    			}
    			}
    		},
			complete : function(XMLHttpRequest, textStatus) {
  				//console.log(XMLHttpRequest,textStatus);
  			},
    		error:function(error){
    			console.log(error);
    		}
    	 });
     }
   	 //获取笔记
   	 function course_GetNotes(list_id,children_id){
   		 var content_Notes = "<c:url value='/study/course/getNotes'></c:url>";
	   	 var listId = children_id.substr(1);
	   	 var courseId = list_id.substr(1);
	   	 $.ajax({
	   		url: content_Notes,
	   		type:"POST",
	   		dataType:"JSON",
	   		data:{
	   			courseId: courseId,
	   			listId: listId,
	   		},
	   		success:function(data){
	   			console.log('获取笔记: '+ data);
	   			if(data.content != "null"){
	   				$("#contentText").html(data.content);
	   			}
	   		},
				complete : function(XMLHttpRequest, textStatus) {
	 				//console.log(XMLHttpRequest,textStatus);
	 			},
	   		error:function(error){
	   			console.log(error);
	   		}
	   	 });
   	 }
     
     //提交笔记
     function course_SetNotes(list_id,children_id,html){
    	 var content_Notes = "<c:url value='/study/course/updateNotes'></c:url>";
    	 var listId = children_id.substr(1);
    	 var courseId = list_id.substr(1);
    	 $.ajax({
    		url: content_Notes,
    		type:"POST",
    		dataType:"JSON",
    		data:{
    			courseId: courseId,
    			listId: listId,
    			content: html,
    		},
    		success:function(data){
    			if(data.info == "保存成功"){
    				$("#IsTrueInfo").show(10).delay(3000).hide(10);
    			}
    		},
			complete : function(XMLHttpRequest, textStatus) {
  				//console.log(XMLHttpRequest,textStatus);
  			},
    		error:function(error){
    			console.log(error);
    		}
    	 });
     }
     
     //获取总体评分
     function score_total(total_id,isX){
    	 var score_total_URL = "<c:url value='/grade/score/course_list/"+ total_id +"'></c:url>";
    	 $.ajax({
      		url: score_total_URL,
      		type: "POST",
      		dataType: "JSON",
      		data:{},
      		success:function(data){
      			var AverageAccept = data.acceptScore / data.numCount * 20;//总体可接受度
      			var AvarageQuality = data.qualityScore / data.numCount * 20;//总体课程内容质量
      			$("#zh5_red_3").css("width", AverageAccept+"%");
      			$("#zh5_red_4").css("width", AvarageQuality+"%");
      			if(data.myQualityScore > 0 && data.myAcceptScore > 0){
      				$("#zh5_red").addClass("cur"+ data.myAcceptScore);
      				$("#zh5_red_2").addClass("cur"+ data.myQualityScore);
      				$("#btn_score").attr("disabled",true);
     				$("#btn_score").html("已提交评分");
     				isX = true;
     				isX_true(isX);
      			}else{
      				console.log("这里应该为false"+isX);
     				isX_true(isX);
      			}
      		},
  			complete : function(XMLHttpRequest, textStatus) {
    				//console.log(XMLHttpRequest,textStatus);
    			},
      		error:function(error){
      			console.log(error);
      		}
      	});
     }
     
   //可接受度星级评定
     function isX_true(is){
  	  if(is == false){
  		  $("#zh5ul li").each(function(index, element) {
  		      var _this = $(this);
  		      var nowStar = _this.attr("val");
  		       _this.hover(function() {
  		           $("#zh5_red").attr("class", "cur" + nowStar);
  		       });
  		
  		      _this.on("click", function() {
  		          $("#zh5_red").attr("data_star", nowStar);
  		          _this.parent().parent().next().removeClass("error");
  		      })
  		  });
  		
  		  $("#zh5ul").on("mouseout", function() {
  		      if ($("#zh5_red").attr("data_star")) {
  		          $("#zh5_red").attr("class", "cur" + $("#zh5_red").attr("data_star"));
  		      } else {
  		          $("#zh5_red").removeClass();
  		      }
  		  });
  		
  	     //课程内容质量星级评定
  	     $("#zh5ul_2 li").each(function(index, element) {
  	         var _this = $(this);
  	         var nowStar = _this.attr("val");
  	          _this.hover(function() {
  	              $("#zh5_red_2").attr("class", "cur" + nowStar);
  	          });
  	
  	         _this.on("click", function() {
  	             $("#zh5_red_2").attr("data_star", nowStar);
  	             _this.parent().parent().next().removeClass("error");
  	         })
  	     });
  	
  	     $("#zh5ul_2").on("mouseout", function() {
  	         if ($("#zh5_red_2").attr("data_star")) {
  	             $("#zh5_red_2").attr("class", "cur" + $("#zh5_red_2").attr("data_star"));
  	         } else {
  	             $("#zh5_red_2").removeClass();
  	         }
  	     });
  	  }
     }
     
     //评分请求封装
     function score(score_val1,score_val2,course_id){
    	var score_URL = "<c:url value='/grade/add/course_list'></c:url>";
     	$.ajax({
     		url: score_URL,
     		type: "POST",
     		dataType: "JSON",
     		data:{
     			typeId: course_id,//课程ID
     			accept: score_val1,//可接受程度评分
     			quality: score_val2,//课程质量评分
     		},
     		success:function(data){
     			if(data == true){
     				$("#btn_score").attr("disabled",true);
     				$("#btn_score").html("已提交评分");
     			}
     		},
 			complete : function(XMLHttpRequest, textStatus) {
   				//console.log(XMLHttpRequest,textStatus);
   			},
     		error:function(error){
     			console.log(error);
     		}
     	});
     }
     
   
     
    var video_str = window.location.href;  //接收地址
  	video_str = video_str.substring(video_str.lastIndexOf("/"));//进行地址ID的获取,默认ID前带/(/1)
  	//设定变量用来存储值
  	var set_courseId = "",
  		set_listId = "",
  		set_fileId = "",
  		set_fileType = "",
  		set_currentTime = "";
  	//视频进行ajax交互过程
    //页面关闭时调用
  	$(window).unload(function(){
  	    storeChangeRealTime();
  	});
  	
  	//页面刷新时调用
  	$(window).on('beforeunload', function(event) {
  	    storeChangeRealTime();
  	});
  	
  	//获取视频资源和进程替换(开始)
  	function video_outTime(courseId_out,listId_out,fileId){
  		 var content_outTime = "<c:url value='/study/course/updatProcess'></c:url>";
	   	 $.ajax({
	   		url: content_outTime,
	   		type:"POST",
	   		dataType:"JSON",
	   		data:{
	   			courseId: courseId_out,
	   			listId: listId_out,
	   			fileId: fileId,
	   		},
	   		success:function(data){
	   			console.log(data);
	   		},
			complete : function(XMLHttpRequest, textStatus) {
				//console.log(XMLHttpRequest,textStatus);
			},
	   		error:function(error){
	   			console.log(error);
	   		}
	   	 });
  	}
  	
  	function storeChangeRealTime(courseId_out,listId_out,fileId,fileType,currentTime){
  	     var content_outTime = "<c:url value='/study/course/updatProcess'></c:url>";
		 //var player2 = videojs('example_video_1');
		 //var currentTime_out = player2.currentTime();
	  	 $.ajax({
	  		async:false,//这是与storeChangeDelay不同的地方，表示使用同步方式传输数据
	  		url: content_outTime,
	  		type:"POST",
	  		dataType:"JSON",
	  		data:{
	  			courseId: courseId_out,
	  			listId: listId_out,
	  			fileId: fileId,
	  			//currentTime: currentTime_out,//当进程时间，以秒为单位
	  		},
	  		success:function(data){
	  			console.log(data);
	  		},
			complete : function(XMLHttpRequest, textStatus) {
				//console.log(XMLHttpRequest,textStatus);
			},
	  		error:function(error){
	  			console.log(error);
	  		}
	  	 });
  	}
  	
  	//获取视频资源和进程替换(结束)
    function video_outTime_End(courseId_out,listId_out,fileId){
  		 var content_outTime = "<c:url value='/study/course/updatEndProcess'></c:url>";
	   	 $.ajax({
	   		url: content_outTime,
	   		type:"POST",
	   		dataType:"JSON",
	   		data:{
	   			courseId: courseId_out,
	   			listId: listId_out,
	   			fileId: fileId,
	   		},
	   		success:function(data){
	   			console.log(data);
	   		},
			complete : function(XMLHttpRequest, textStatus) {
				//console.log(XMLHttpRequest,textStatus);
			},
	   		error:function(error){
	   			console.log(error);
	   		}
	   	 });
  	}
  	
  </script>

	<!-- 笔记文本框编辑保存、发布、清空 -->
  <script>

		$( "#contentText" ).keyup(function() {
		  $( "#exitMenuCheckbox" ).prop('checked', true);
		});

		$( "#bold" ).change(function() {
		  if($('#bold').prop('checked')){
		    $("#contentText").css("font-weight","bold");
		  }else{
		    $("#contentText").css("font-weight","normal");
		  }
		});

		$( "#italic" ).change(function() {
		  if($('#italic').prop('checked')){
		    $("#contentText").css("font-style","italic");
		  }else{
		    $("#contentText").css("font-style","normal");
		  }
		});

		$( "#underline" ).change(function() {
		  if($('#underline').prop('checked')){
		    $("#contentText").css("text-decoration","underline");
		  }else{
		    $("#contentText").css("text-decoration","none");
		  }
		});

		$( "#left" ).click(function() {
		  $("#contentText").css("text-align","left");
		});
		$( "#center" ).click(function() {
		  $("#contentText").css("text-align","center");
		});
		$( "#right" ).click(function() {
		  $("#contentText").css("text-align","right");
		});
		$( "#justify" ).click(function() {
		  $("#contentText").css("text-align","justify");
		});

		$(document).on('scroll', function() {
		   $( "#exitMenuCheckbox" ).prop('checked', true);
		});

		$( "#publish" ).mouseup(function() {
		  $("#articleHeaderName").text($("h1").text());
		});

		$( "#save" ).mouseup(function() {
		  $("#articleHeaderName").text($("h1").text()+" (Draft)");
		});

		$( "#delete" ).mouseup(function() {
		  $("#articleHeaderName").text("Create New Article");
		  $("h1").text("Simple blog editor - A great way of learning");
		  $("#contentText").text("");
		});
</script>
</body>
</html>